--- 
name: New
kid: page5
---
<p>{{page.name}}</p>
<div class="divider"></div>

<div class="my-posts" id="postDiv">
</div>

<div><a href="{{site.blog.url}}" target="_blank">more</a></div>

<script>
    $.getJSON("{{site.blog.url}}/posts.json",function(data){
        $.each(data,function(key,value){
            if(value && key < 4 ){
                $("#postDiv").append(
                    `
                    <a href="{{site.data.myblog.url}}`+value.url+`" target="_blank" class="post-card">
                        <h3>`+ value.title +`<br>`+ value.date +` ・ {{site.title}} </h3>
                        <div class="post-card-content">
                            <p>`+ value.excerpt +`</p>
                        </div>
                    </a>
                    `
                )
            }
        })
    });
</script>
